iT邦幫忙

2025 iThome 鐵人賽

DAY 20
0
Rust

用 Tauri 打造你的應用程式系列 第 20

[Day 20] Windows 打包 (一):基礎

  • 分享至 

  • xImage
  •  

經過了前面十幾天的學習,我們已經掌握了 Tauri 應用程式的核心開發技能。現在是時候將我們的應用程式打包成可以分發給使用者的安裝包了。在 Windows 平台上,Tauri 提供了強大且簡潔的打包機制,讓我們能夠輕鬆產生專業級的安裝程式。

剩下的 plugin 們我們之後再介紹

打包的重要性與流程

將開發中的應用程式轉換為可分發的安裝包是軟體開發的重要環節。這個過程不僅僅是將程式碼編譯成執行檔,更包含了版本管理、圖示設定、數位簽章等多個層面。Tauri 的打包系統基於 Rust 的編譯器,能夠產生高度優化的原生執行檔,同時提供標準的 Windows Installer (MSI) 格式,讓使用者能夠享受到熟悉的安裝體驗。

打包過程會將前端的 Vue 應用程式與後端的 Rust 程式碼合併,並嵌入所有必要的資源檔案,最終產生一個完全獨立的應用程式,使用者無需額外安裝任何相依性就能直接執行。

基本打包命令與配置

指令很簡單,只要下這個指令就可以開始打包:

npm run tauri build

不過,在此之前,記得先檢查一下 tauri.conf.jsonidentifier 是否有符合規定,不然就會看到這個錯誤:

The bundle identifier string must contain only alphanumeric characters (A-Z, a-z, and 0-9), hyphens (-), and periods (.).

identifier 是應用程式的唯一識別符,建議使用反向域名格式,這將成為應用程式在系統中的身分證。

打包結果

打包完之後,就會顯示檔案位置:

可以看到,打包完的安裝檔會在 /src-tauri/target/release/bundle/nsis 資料夾或是 msi 資料夾。這兩種類型的安裝檔的設計理念和運作方式其實是有差異的,不過這邊就不多加討論與介紹了,基本上都可以使用XD

以下呈現的是安裝界面的差異:

msi

nsis

最後,就可以在 Windows 開始選單中看到安裝好的程式了

圖示設定與最佳實踐

應用程式圖示是使用者對軟體的第一印象,也是品牌識別的重要元素。

傳統上,需要自行準備 (或是透過其他工具) 來準備各種大小不同尺寸的 icon,過程有一點麻煩。在 Tauri,它可以幫忙處理,只要把檔案放在 ./app-icon.png ,再下指令建立即可:

npm run tauri icon

也可以再增加更多設定,詳細資訊可以加上 --help 來查看

小結

今天我們學習了 Tauri 在 Windows 平台上的基本打包流程。從簡單的 npm run tauri build 命令開始,我們了解了如何將開發中的應用程式轉換為可分發的安裝包。重要的收穫包括:

  1. 打包命令:使用 npm run tauri build 即可開始打包流程
  2. 識別符設定:確保 tauri.conf.json 中的 identifier 符合規範
  3. 安裝包格式:Tauri 會同時產生 MSI 和 NSIS 兩種格式的安裝檔
  4. 圖示處理:透過 npm run tauri icon 可以自動產生各種尺寸的應用程式圖示

雖然基本的打包流程相當簡潔,但在實際的產品發布中,我們還需要考慮更多進階的配置,例如數位簽章、版本控制、更新機制等。

這部分會在後面的文章做進一步的介紹,敬請期待~


上一篇
[Day 19] Plugin (四):Notification
下一篇
[Day 21] Windows 打包 (二):嵌入外部資源檔案
系列文
用 Tauri 打造你的應用程式24
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言